{include file="index:head" /} <style type="text/css">body{ background:#fff;}</style>
<!-- 轮播图 -->
<div class="banner">
  <div class="bd">
    <ul>
      {sy:list nid="83" sort="sort,id" name="vo"}
      <li><a href="{$vo.url}"><img src="{$vo.img}" alt="" /></a></li>
      {/sy:list}
    </ul>
  </div>
  <div class="hd">
    <ul>
      {sy:list nid="83" sort="sort,id" name="vo"}
      <li></li>
      {/sy:list}
    </ul>
  </div>
  <a href="javascript:void(0);" class="prev"></a> <a href="javascript:void(0);" class="next"></a> </div>
<script>
jQuery(".banner").slide({ titCell:".hd li", mainCell:".bd ul", effect:"leftLoop",  autoPlay:true, delayTime:300, interTime:3500 });	
</script>
<div class="clear"></div>
<!-- 服务项目 -->
<div class="service">
  <div class="wrap">
    <div class="title">
      <p>S E R V I C E S</p>
      <p class="line"></p>
      <h2>服务项目</h2>
    </div>
    <ul class="service-item">
      {sy:list nid="85" num="5" name="vo"}
      <li> <a href="/service/{$vo.id}.html">
        <p><img src="{$vo.img}" alt="" /></p>
        <h3>{$vo.title}</h3>
        <p class="p1">{$vo.subtitle}</p>
        <p class="line"></p>
        </a> </li>
      {/sy:list}
    </ul>
  </div>
</div>
<!-- 关于 -->
<div class="about">
  <div class="wrap">
    <div class="title">
      <p>A B O U T U S</p>
      <p class="line"></p>
      <h2>关于我们</h2>
    </div>
    <div class="aboutxt"> {sy:cateone cid="51" name="vo"}
      {$vo.content}
      {/sy:cateone}
      <p><a href="/about/" class="more">了解更多+</a></p>
    </div>
  </div>
</div>
<!-- 案例 -->
<div class="case">
  <div class="wrap">
    <div class="title">
      <p>C A S E</p>
      <p class="line"></p>
      <h2>客户案例</h2>
    </div>
    <ul>
      {sy:list nid="3" num="4" name="vo"}
      <li> <a href="/case/{$vo.id}.html">
        <div class="pic"><img src="{$vo.img}" alt="" /><i></i></div>
        <h3>{$vo.title}</h3>
        </a> </li>
      {/sy:list}
    </ul>
  </div>
</div>
<!-- 评价 -->
<div class="customer">
  <div class="wrap">
    <div class="title">
      <p>E V A L U A T I O N</p>
      <p class="line"></p>
      <h2>客户评价</h2>
    </div>
    <ul class="cl">
      {sy:list nid="87" num="6" name="vo"}
      <li><img src="{$vo.img}" alt="" /><i></i></li>
      {/sy:list}
    </ul>
    <p class="cline"></p>
    <div class="cr">
      <ul>
        {sy:list nid="87" num="6" name="vo"}
        <li class="syui-anim syui-anim-up" style="display:none;">
          <h3>{$vo.note}</h3>
          <p><i></i>{$vo.title}</p>
        </li>
        {/sy:list}
      </ul>
    </div>
  </div>
</div>
<script>
$(function(){
	$(".customer .cr ul li:eq(0)").show();
	$(".customer .cl li:eq(0)").addClass("on");
	$(".customer .cl li").click(function(){
		var index = $(this).index();
		$(this).siblings().removeClass("on")
		$(this).addClass("on");
		$(".customer .cr ul li").hide();
		$(".customer .cr ul li").eq(index).show();
	})
})
</script> 
<!-- 新闻 -->
<div class="new">
  <div class="wrap">
    <div class="title">
      <p>N E W S</p>
      <p class="line"></p>
      <h2>新闻资讯</h2>
    </div>
    <ul>
      {sy:list nid="2" name="vo" num="3"}
      <li> <a href="/news/{$vo.id}.html">
        <div class="pic"><img src="{$vo.img}" alt="" /></div>
        <div class="note">
          <h2>{$vo.title}</h2>
          <p>{$vo.note|msubstr=0,50,utf8,true}</p>
          <p class="mo"> Read more</p>
        </div>
        </a> </li>
      {/sy:list}
    </ul>
  </div>
</div>
<!-- 地图 -->
<div class="map">
  <div class="wrap">
    <div class="contact">
      <ul>
        <li class="li1">
          <h3>公司地址</h3>
          <p>{$site.contact_address}</p>
        </li>
        <li class="li2">
          <h3>联系电话</h3>
          <p>{$site.contact_tel}</p>
        </li>
        <li class="li3">
          <h3>公司邮箱</h3>
          <p>{$site.contact_email}</p>
        </li>
        <li class="li4">
          <h3>营业时间</h3>
          <p>周一至周日 早上8：00至下午6点</p>
        </li>
      </ul>
      <form action="{:url('Show/sendemail')}" method="post" data-type="ajax">
      <div class="book">
      <h2>联系我们<span>/Contact us</span></h2>
      <p><input type="text" name="name" class="intxt" placeholder="您的姓名" /></p>
      <p><input type="text" name="mobile" class="intxt" placeholder="您的电话" /></p>
      <p><input type="text" name="content" class="intxt" placeholder="留言内容" /></p>
      <p><input type="submit" value="提交留言" class="sbtn" /></p>
      </div>
      </form>
    </div>
  </div>
</div>
<script src="/public/layer/layer.js"></script> 
  <script>
$(document).on('submit','form[data-type=ajax]',function(){
	var url = $(this).attr('action');var data = $(this).serializeArray();	
	if($("input[name=name]").val()==""){ layer.msg("请输入姓名"); return false; }
	if($("input[name=mobile]").val()==""){ layer.msg("请输入手机"); return false; }	
	var phoneReg = /(^1[3|4|5|7|8]\d{9}$)|(^09\d{8}$)/;	
	var phone = $.trim($("input[name=mobile]").val());
	if (!phoneReg.test(phone)) {
		layer.msg('手机号码格式错误');
		return false;
	} 
	if($("input[name=content]").val()==""){ layer.msg("请输入内容"); return false; }
	$.post(url,data,function(res){		
		if(res.code == 1){ 
			layer.msg('提交成功'); 
			setTimeout(function(){			
				window.location.reload(); 
			},1500)
		}
	},"JSON");
	return false;
});
</script>
{include file="index:foot" /}